<template>
  <div class="home" style="height:100%;">
    <home-top></home-top>
    <home-body></home-body>
  </div>
</template>

<script>
import HomeTop from "../page/home/top";
import HomeBody from "../page/home/body";
export default {
  name: "HelloWorld",
  components: { HomeTop, HomeBody },
  data() {
    const item = {
      date: "2016-05-02",
      name: "王小虎",
      address: "上海市普陀区金沙江路 1518 弄"
    };
    return {
      tableData: Array(3).fill(item)
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-header {
  background-color: #b3c0d1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
</style>
